<!-- Announcement Banner -->
<div class="max-w-[85rem] px-4 sm:px-6 lg:px-8 mx-auto">
  <div
    class="
      bg-blue-600
      bg-[url('https://preline.co/assets/svg/component/abstract-1.svg')]
      bg-no-repeat
      bg-cover
      bg-center
      p-4
      rounded-md
      text-center
    "
  >
    <p class="mr-2 inline-block text-white">Preline UI Figma is live.</p>
    <a
      class="
        py-2
        px-3
        inline-flex
        justify-center
        items-center
        gap-2
        rounded-full
        border-2 border-white
        font-semibold
        text-white
        hover:bg-white/[.1]
        hover:border-white/[.1]
        focus:outline-none
        focus:ring-2 focus:ring-blue-900 focus:ring-offset-2
        transition-all
        text-sm
      "
      href="../figma.html"
    >
      Learn more
      <svg class="w-2.5 h-2.5" width="16" height="16" viewBox="0 0 16 16" fill="none">
        <path
          d="M5.27921 2L10.9257 7.64645C11.1209 7.84171 11.1209 8.15829 10.9257 8.35355L5.27921 14"
          stroke="currentColor"
          stroke-width="2"
          stroke-linecap="round"
        />
      </svg>
    </a>
  </div>
</div>
<!-- End Announcement Banner -->
